<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Stuff Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />

<meta property="og:title" content="" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:site_name" content="" />
<meta property="og:description" content="" />
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<link href="https://fonts.loli.net/css?family=Roboto:300,400,700" rel="stylesheet">

<link rel="stylesheet" href="css/animate.css">

<link rel="stylesheet" href="css/icomoon.css">

<link rel="stylesheet" href="css/bootstrap.css">

<link rel="stylesheet" href="css/magnific-popup.css">

<link rel="stylesheet" href="css/flexslider.css">

<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">

<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">

<link rel="stylesheet" href="css/style.css">

<script src="js/modernizr-2.6.2.min.js"></script>

<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
</head>
<body>
<div class="colorlib-loader"></div>
<div id="page">
<nav class="colorlib-nav" role="navigation">
<div class="top-menu">
<div class="container">
<div class="row">
<div class="col-xs-2">
<div id="colorlib-logo"><a href="index.html">Stuff</a></div>
</div>
<div class="col-xs-10 text-right menu-1">
<ul>
<li><a href="index.html">Home</a></li>
<li class="has-dropdown">
<a href="blog.html">Blog</a>
<ul class="dropdown">
<li><a href="single.html">Blog Single</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">Read</a></li>
<li><a href="#">Lifestyle</a></li>
</ul>
</li>
<li><a href="event.html">Event</a></li>
<li><a href="travel.html">Travel</a></li>
<li class="active"><a href="about.html">About Me</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<aside id="colorlib-breadcrumbs">
<div class="container">
<div class="row">
<div class="col-md-12 breadcrumbs text-center">
<h2>About Me</h2>
<p><span><a href="index.html">Home</a></span> / <span>About</span></p>
</div>
</div>
</div>
</aside>
<div id="colorlib-container">
<div class="container">
<div class="row">
<div class="col-md-6">
<img class="img-responsive" src="images/author.jpg" alt="">
</div>
<div class="col-md-6">
<p>Hi! My Name is <strong>Rich</strong> Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way.</p>
<blockquote>
A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
</blockquote>
<p class="first-letra">Far far away, <strong><a href="#">behind the word mountains</a></strong>, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
<p>
<ul class="colorlib-social-icons">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-linkedin"></i></a></li>
<li><a href="#"><i class="icon-dribbble"></i></a></li>
</ul>
</p>
</div>
</div>
</div>
</div>
<div id="colorlib-instagram">
<div class="row">
<div class="col-md-12 col-md-offset-0 colorlib-heading text-center">
<h2>Instagram</h2>
</div>
</div>
<div class="row">
<div class="instagram-entry">
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-1.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-2.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-3.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-4.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-5.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-6.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-7.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-8.jpg);">
</a>
</div>
</div>
</div>
<footer id="colorlib-footer" role="contentinfo">
<div class="container">
<div class="row row-pb-md">
<div class="col-md-3">
<h2>Navigational</h2>
<p>
<ul class="colorlib-footer-links">
<li><a href="#"><i class="icon-check"></i> Home</a></li>
<li><a href="#"><i class="icon-check"></i> About Me</a></li>
<li><a href="#"><i class="icon-check"></i> Blog</a></li>
<li><a href="#"><i class="icon-check"></i> Travel</a></li>
<li><a href="#"><i class="icon-check"></i> Lifestyle</a></li>
<li><a href="#"><i class="icon-check"></i> Fashion</a></li>
<li><a href="#"><i class="icon-check"></i> Health</a></li>
</ul>
</p>
</div>
<div class="col-md-3">
<h2>Recent Post</h2>
<div class="f-blog">
<a href="blog.html" class="blog-img" style="background-image: url(images/blog-1.jpg);">
</a>
<div class="desc">
<h3><a href="blog.html">Be a designer</a></h3>
<p class="admin"><span>25 March 2018</span></p>
</div>
</div>
<div class="f-blog">
<a href="blog.html" class="blog-img" style="background-image: url(images/blog-2.jpg);">
</a>
<div class="desc">
<h3><a href="blog.html">How to build website</a></h3>
<p class="admin"><span>24 March 2018</span></p>
</div>
</div>
<div class="f-blog">
<a href="blog.html" class="blog-img" style="background-image: url(images/blog-3.jpg);">
</a>
<div class="desc">
<h3><a href="blog.html">Create website</a></h3>
<p class="admin"><span>23 March 2018</span></p>
</div>
</div>
</div>
<div class="col-md-3">
<h2>Archive</h2>
<p>
<ul class="colorlib-footer-links">
<li><a href="#"><i class="icon-check"></i> February 2018</a></li>
<li><a href="#"><i class="icon-check"></i> January 2018</a></li>
<li><a href="#"><i class="icon-check"></i> December 2017</a></li>
<li><a href="#"><i class="icon-check"></i> November 2017</a></li>
<li><a href="#"><i class="icon-check"></i> October 2017</a></li>
<li><a href="#"><i class="icon-check"></i> September 2017</a></li>
</ul>
</p>
</div>
<div class="col-md-3">
<h2>Tags</h2>
<p class="tags">
<span><a href="#"><i class="icon-tag"></i> Modeling</a></span>
<span><a href="#"><i class="icon-tag"></i> Fashion</a></span>
<span><a href="#"><i class="icon-tag"></i> Life</a></span>
<span><a href="#"><i class="icon-tag"></i> Blog</a></span>
<span><a href="#"><i class="icon-tag"></i> Workout</a></span>
<span><a href="#"><i class="icon-tag"></i> Vacation</a></span>
<span><a href="#"><i class="icon-tag"></i> Travel</a></span>
<span><a href="#"><i class="icon-tag"></i> Exercise</a></span>
<span><a href="#"><i class="icon-tag"></i> Health</a></span>
<span><a href="#"><i class="icon-tag"></i> News</a></span>
<span><a href="#"><i class="icon-tag"></i> Model</a></span>
<span><a href="#"><i class="icon-tag"></i> Women</a></span>
<span><a href="#"><i class="icon-tag"></i> Animals</a></span>
<span><a href="#"><i class="icon-tag"></i> Nature</a></span>
<span><a href="#"><i class="icon-tag"></i> Art</a></span>
<span><a href="#"><i class="icon-tag"></i> Sea</a></span>
<span><a href="#"><i class="icon-tag"></i> Ocean</a></span>
<span><a href="#"><i class="icon-tag"></i> Office</a></span>
<span><a href="#"><i class="icon-tag"></i> Home</a></span>
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p>
<small class="block">
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart" aria-hidden="true"></i> by <a href="https://8m2.net" target="_blank">8m2</a>
</small>
<small class="block">Demo Images: <a href="http://unsplash.co/" target="_blank">Unsplash</a></small>
</p>
</div>
</div>
</div>
</footer>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up2"></i></a>
</div>

<script src="js/jquery.min.js"></script>

<script src="js/jquery.easing.1.3.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/jquery.waypoints.min.js"></script>

<script src="js/jquery.flexslider-min.js"></script>

<script src="js/owl.carousel.min.js"></script>

<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>

<script src="js/main.js"></script>

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-23581568-13');
</script>
<div style='background: black;color: #2a62bc;font-size: 12px;text-align: center;padding: 10px;'>注意：本模版中所涉及的图片，文字，媒体文件，均仅供个人学习使用。如用于其它目的，请自行承担相应的道德和法律责任。</div></body>
</html>
